<template>
    <div class="searchErr">
      <div class="seaErrCon">
        <p>很抱歉,我们暂时无<span>订单</span>的相关信息,请您重新搜索</p>
        <img src="../.././assets/errPage/search-err.jpg" alt="search-error" title="很抱歉,我们暂时无订单的相关信息,请您重新搜索">

      </div>
    </div>
</template>
<style scoped>
.searchErr{
  height: 100%;
  background: #fff;
  border-radius: 20px;
  margin-left: 20px;
  padding: 10px 20px 0 20px;
  text-align: left;
}
.searchErr>.seaErrCon>img{
  width:900px;
  height:285px;
  margin: 0 auto;
}
.searchErr>.seaErrCon>p{
  height: 50px;
  line-height: 50px;
  color: #464c5b;
  font-weight: normal;
  font-size: 16px;
  text-align: left;
}
.searchErr>.seaErrCon>p>span{
  color:#f27979;
}
</style>
<script>

    export default{
        data(){
            return {
                msg: 'hello vue'
            }
        }
    }
</script>
